
<!DOCTYPE html>
<html>
<head>
		<meta charset="utf-8">
        <link href="/static/plugin/bootstrap/css/bootstrap.css" rel='stylesheet' type='text/css' />
		<link href="/static/css/usermanage.css" rel='stylesheet' type='text/css' />
		<link href="/static/css/common.css" rel='stylesheet' type='text/css' />
		<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
	<div class="main">
		<div class="header" >
			<h1>用户管理系统</h1>
            <p></p>
		</div>
        <form action="/usermanage/" method="post">
            <ul class="left-form">
                <h2>User Info List:</h2>
                <div>
                    <table class="table table-hover table-striped">
                        <thead>
                            <tr>
                                <th>用户名</th>
                                <th>邮箱</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for line in user_info_list %}
                                <tr>
                                    <td>{{ line.uname }}</td>
                                    <td>{{ line.email }}</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </ul>
        </form>
        <form action="/usermanage/" method="post">
            <ul class="right-form">
                <h2>Single Account Create:</h2>
                <div>
                    <li><input type="text" name="uname_add" placeholder="Username" required/></li>
                    <li><input type="text" name="email" placeholder="Email" required/></li>
                    <li> <input type="password" name="pwd" placeholder="Password" required/></li>
                        <input type="submit" value="Create" >
                        <span style="color: red" >{{ status }}</span><a href="/login/">{{ a }}</a>
                </div>
                <div class="clear"> </div>
            </ul>
            <div class="clear"> </div>
        </form>
        <form action="/usermanage/" method="post">
            <ul class="left-form">
                <h2>Reset Account:</h2>
                <li>
                    <input type="text" name="uname_reset"  placeholder="Username" required/>
                    <div class="clear"> </div>
                </li>
                <input type="submit" value="重置密码为123">
                <span style="color: red;">{{ ret }}</span>
                    <div class="clear"> </div>
            </ul>
        </form>
        <form action="/usermanage/" method="post">
            <ul class="right-form">
                <h2>Multi Account Create:</h2>
                <div>
                    <textarea name="multi_add" cols="48" row="5" placeholder="每行一个用户，用户名、邮件和密码用‘，’分隔。" required></textarea>
                    <input type="submit" value="批量创建用户" >
                </div>
                <div class="clear"> </div>
            </ul>
            <div class="clear"> </div>
        </form>
        <p></p>
    </div>
    <div class="bottom"></div>
</body>
</html>